body,html,#app{
    max-width: 640px!important;
    background: #f4f4f4;
    color: #737373;
    height: auto;
}
.tempBox{
    background: #fff;
    width:750px;
    border-top:0px solid red;
    margin:0 auto;
}
.marginTop{
    margin-top:80px!important;
}
.upload{
    position: fixed;
    top:50%;
    left: 50%;
    width:100px;
    height:50px;
    color:#fff;
    background:rgba(0,0,0,0.5);
    z-index:19;
    text-align:center;
    line-height:50px;
}
textarea{
    resize:none;
    text-align: justify;
    letter-spacing: 0;
    background:none;
    border:0;
}
input{
    opacity: 0;
    cursor: pointer;
    z-index: 9;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#main{
    max-width: 750px!important;
    overflow: hidden;
    height:auto;
    background-color: #fff;
    .template-title{
        width:100%;
        height:1268px;
        position: relative;
        background: #E2E2E2;
        .text-h2,.text-p{
            position: absolute;
            width:89%;
            left:50%;
            font-weight: normal;
            margin:0;
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            z-index:2;
        }
        .text-h2{
            font-size: 70px;
            color: #232323;
            top:86px;
        }
        .text-p{
            font-size: 40px;
            color: #232323;
            top:300px;
        }
        .logo-img{
            width:162px;
            //height:44px;
            position: absolute;
            top:676px;
            left:6%;
            z-index:2;
            img{
                width:100%;
            }
        }
        .bg-img{
            max-width:750px;
            position: absolute;
            top:134px;
            left:0;
            z-index:1;
        }
        .text-bottom{
            width:480px;
            height:248px;
            position: absolute;
            bottom:146px;
            left:50%;
            transform:translateX(-50%);
            -webkit-transform:translateX(-50%);
            font-size: 28px;
            color: #333333;
            margin:0;
            line-height:40px;
        }
        .text-nav{
            width:100%;
            height:56px;
            line-height:56px;
            margin:0;
            background: #232323;
            position: absolute;
            left:0;
            bottom:0;
            font-size: 28px;
            color: #FFFFFF;
            text-align: center;
        }
    }
    .min-sec{
        background: #F2F2F2;
        padding:120px 0 76px;
        .text-title{
            width: 438px;
            padding:0 15px;
            background: #693926;
            height:50px;
            margin:0 0 15px 34%;
            font-size: 34px;
            color: #FFFFFF;
            line-height: 50px;
        }
        .text-title1{
            width:387px;
            border: 1px solid #979797;
            padding:0 15px;
            height:50px;
            line-height:0.5rem;
            margin:0 0 15px 34%;
            font-size: 34px;
            color: #693926;
            line-height:50px;
        }
        .pic1-img{
            width:741px;
            height:505px;
            display: block;
            margin:29px auto 0;
            position: relative;
            z-index: 2;
            img{
                width:100%;
                height:100%;
            }
        }
        .pic-line{
            width:670px;
            height:820px;
            padding:10px;
            border: 1px solid #979797;
            position: relative;
            z-index:1;
            margin:-13px auto 0;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            .top{
                height:285px;
                position: relative;
                margin-bottom:50px;
                div,input,img{
                    width:428px;
                    height:285px;
                    display: block;
                }
                textarea{
                    width:150px;
                    height:44px;
                    line-height:44px;
                    background: #232323;
                    padding:6px;
                    font-size: 24px;
                    color: #FFFFFF;
                    position: absolute;
                    top:179px;
                    right:36px;
                }
            }
            .bottom{
                height:465px;
                position: relative;
                div,input,img{
                    width:365px;
                    height:465px;
                    float: right;
                }
                div{
                    position: relative;
                }
                textarea{
                    width:150px;
                    height:44px;
                    line-height:44px;
                    background: #232323;
                    padding:6px;
                    font-size: 24px;
                    color: #FFFFFF;
                    position: absolute;
                    top:50%;
                    left:94px;
                    transform:translateY(-50%);
                    -webkit-transform:translateY(-50%);
                }
            }
        }
        .text-detail{
            width:670px;
            height:202px;
            font-size: 28px;
            color: #333333;
            margin:50px auto 120px;
            display: block;
        }
        .pic4-img{
            width:548px;
            height:491px;
            display: block;
            margin:0 45px 0 157px;
            position: relative;
            img{
                width:100%;
                height:100%;
            }
            input{
                width:100%;
                height:100%;
                position: absolute;
                top:0;
                left:0
            }
        }
        .pic1-line{
            width:670px;
            height:752px;
            border:1px solid #979797;
            padding:10px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            margin:0 auto;
            .top{
                height:361px;
                position: relative;
                margin-bottom:10px;
                div,img{
                    width:541px;
                    height:361px;
                    display: block;
                    position: relative;
                }
                input{
                    width:100%;
                    height:100%;
                    position: absolute;
                    top:0;
                    left:0
                }
                textarea{
                    width:46px;
                    height:144px;
                    background: #232323;
                    position: absolute;
                    right:43px;
                    top:50%;
                    transform:translateY(-50%);
                    -webkit-transform:translateY(-50%);
                    font-size: 24px;
                    color: #FFFFFF;
                    //writing-mode:tb-rl
                }
            }
            .bottom{
                height:361px;
                position: relative;
                div,img{
                    width:548px;
                    height:361px;
                    float: right;
                    position: relative;
                }
                input{
                    width:100%;
                    height:100%;
                    position: absolute;
                    top:0;
                    left:0
                }
                textarea{
                    width:46px;
                    height:144px;
                    background: #232323;
                    position: absolute;
                    right:43px;
                    bottom:0;
                    left:42px;
                    font-size: 24px;
                    color: #FFFFFF;
                    margin:0;
                }
            }
        }
        .text-window{
            width:590px;
            height:188px;
            margin:120px auto 40px;
            border-top: 1px solid #979797;
            border-bottom: 1px solid #979797;
            position: relative;
            span{
                width:60px;
                height:188px;
                display: block;
                position: absolute;
                z-index:2;
                top:0;
            }
            .left{
                left:0;
                background: url('http://skyforest.static.elab-plus.com/temp/template10/title_bg_left.png');
                background-size: 100% 100%;
            }
            .right{
                right:0;
                background: url('http://skyforest.static.elab-plus.com/temp/template10/title_bg_right.png');
                background-size: 100% 100%;
            }
            textarea{
                width:76%;
                font-size: 28px;
                position: absolute;
                top:50%;
                left:12%;
                margin:0;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
            }
        }
        .text-slide{
            width:458px;
            height:442px;
            margin:40px auto 55px;
            font-size: 28px;
            color: #333333;
            line-height:60px;
            display: block;
        }
        .swiper-img1{
            width:746px;
            height:755px;
            margin:55px auto 108px;
            img{
                width:100%;
                height:100%;
            }
        }
        .swiper-img2{
            width:718px;
            height:419px;
        }
        .upPic1{
            width:718px;
            height:419px;
            position: relative;
            margin:0 auto;
            input{
                width:80%;
                height:100%;
                position: absolute;
                top:0;
                left:10%;
                z-index:5;
            }
        }
        .upPic{
            width:746px;
            height:755px;
            position: relative;
            input{
                width:80%;
                height:100%;
                position: absolute;
                top:0;
                left:10%;
                z-index:5;
            }
        }
    }
}
